body{background:#f0f0f0;}
/*搜索栏*/
.searchs{
    width:16rem; 
    background:#fff;
    margin:0 auto;
    height: 2rem;  
}
.search-left,.search-center,.search-right{
    float:left;
    height:1.25rem;
    line-height:2rem;
    font-size:.6rem;
    text-align:center;
}
.search-left{
    position:relative;
    width:2.2rem;
    background:#fff;
    padding-top: .5rem;
}
.search-left i{
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:.5rem;
    height:.5rem;
    margin-left:-.25rem;
    margin-top:-.25rem;
    border-top:3px solid #000;
    border-left:3px solid #000;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
}
.search-center{
    width:10.37rem;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-appearance:none;
    appearance:none;
    position:relative;
    font-size: .8rem;
}
.search-center img{
    position:absolute;
    left:.5rem;
    top:.3rem;
    display:inline-block;
    vertical-align:middle;
    width:.6rem;
}
.search-center #search-input{
    position:absolute;
    left:1.5rem;
    top:.2rem;
    display:inline-block;
    vertical-align:middle;
    width:8.0rem;
    height:.9rem;
    font-size:.6rem;
    background:#f1f1f1;
    border:none;
    outline:none;
}
#portrait{
    width: 16rem;
    height: 3rem;
    position: relative;
    margin: 0 auto;
}
#portrait .portrait-center{
    width: 16rem;
    height: 1.5rem;
    position: absolute;
    top:0.75rem;
}
.portrait-center .portrait-left{
    width: 12rem;
    height: 1.5rem;
    float: left;
}
.portrait-center .portrait-right{
    width: 4rem;
    height: 1.5rem;
    float:left;
}
.portrait-left .pic{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1rem;
    -webkit-border-radius:1rem;
    -moz-border-radius:1rem;
    -webkit-appearance:none;
    appearance:none;
    margin-left: 1.25rem;
    float: left;
}
.pic .head-pic{
    width: 1.5rem;
    height: 1.5rem;
}
.portrait-left .pic-word{
      width: 8.5rem;
    height: 1.5rem;
    float: left;
    margin-left: 0.5rem;
}
.pic-word .pic-word-l{
    width: 8.5rem;
    height: 0.7rem; 
}
.pic-word .pic-hot{
    width: 8.5rem;
    height: 0.8rem;
    position: relative;
}
.pic-word-l .span-name{
    font-size:0.5rem;
    height: 0.7rem;
    vertical-align: top;  
}
.pic-word-l .image-tag{
    height: 0.7rem;
    width: 0.7rem;
    vertical-align: top;
    margin-left: 0.5rem;
}
.pic-hot .hot{
    width: 8.5rem;
    height: 0.8rem;
    font-size:0.4rem;
    display: inline-block;
    position: absolute;    
    top:0.3rem;
}
.hot-a{
    width: 0.5rem;
    height: .5rem;
    vertical-align: middle;
}
.hot span{
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    vertical-align: middle; 
}
.hot-g{
    margin-left: 1rem;
}
.portrait-right .distance{
    font-size:0.5rem;
    line-height: 1.5rem;
}
#center{
    width: 16rem;
    margin: 0 auto;
    background: white;
}
#content{
    width: 14rem;
    margin: 0 auto;
    text-align: center;
}
#content .p1{
    font-size: .8rem;
    padding-top: 1.25rem;
}
#content .p2,#content .p3{
    font-size: 0.4rem;
    padding-top: 0.75rem;
}
#content .p3{
    color: #36c7b8;
}
#content .p4{
    font-size: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    text-align: left;  
}
.picture{
    position:relative;
    width:14rem;
    margin:0 auto;
    height:1.8rem;
    background: white;
    text-align: center;
    margin-top: 0.5rem;
}
.picture hr{
    width:5rem;
    position:absolute;
    height:0;
    border-top:2px solid #ccc;
    top:.87rem;
}
.picture .hr-l{
    left:0;
}
.picture .hr-r{
    right:0;
}
.picture .picture-line{
    position:absolute;
    left:5.5rem;
    top:.35rem;
    font-size:.7rem;
}
.pic-show{
    width: 16rem;
    margin-top: .5rem;
}
.pic-show .pic-show-l{
    width: 15rem;
    height: 12rem;
    background: white;
    margin: 0 auto;
    position: relative;
}
.person-img{
    width: 15rem;
    height: 11.5rem;
    display:block;
    margin: 0 auto;
    position: absolute;
    top:0.25rem;
}
#footer{
    width: 16rem;
    height: 2rem;
    background: white;
    position:fixed;
    bottom: 0rem;
    left: 50%;
    margin-left: -8rem;
}

.foot1{
    width: 6.625rem;
    height: 2rem;
    display: inline-block;
    float: left;
    text-align: center;  
    font-size:.6rem;
    line-height: 2rem;
}
.foot-span{
    width: 13.25rem;
    height: 2rem;
    background: white;
    float: left; 
}
.tell{
    background: #36c7b7;
    color: white;
}
.message{
    color: white;
    background: #fbb232;
}
.foot1 .foot-img{
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    margin-top: 0.35rem;
    margin-left: 2rem;
    float: left;
}

.foot-collection{
    width: 2.75rem;
    height: 2rem;
    float: left;
    text-align: center;
}
.foot-collection .collection-img{
    width: 0.75rem;
    height: 0.75rem;
}
.foot-collection .collection-word{
    line-height: 0.5rem;
    font-size: 0.6rem;
}